<template>
  <div>
    <div class="pre-btn-group">
      <div class="miracle-btn-light" ><router-link class="link-type" :to="'/index'"><span>首页</span></router-link></div>
    </div>
    <index-bubble/>
    <!--<china-map/>-->
    <konami-code @success="success"/>
    <cheat-code :cheat-code="code" @success="success"/>
    <div style="position:absolute;width:300px;margin:0 auto; padding:20px 0;z-index: 5;left:45%;bottom: 0px">
      <img src="../assets/images/filing.png">
      <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=34132202000230" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">皖公网安备 34132202000230号</p></a>
    </div>

  </div>
</template>

<script>
import indexBubble from "@/views/film/index_bubble";
import chinaMap from "@/views/travel/index_map";
import konamiCode from "@/views/components/key-listen/konamiCode";
import cheatCode from "@/views/components/key-listen/cheatCode";

export default {
  components:{
    chinaMap,
    indexBubble,
    konamiCode,
    cheatCode,
  },
  data () {
    return {
      code:['1','2','1','2']
    }
  },
  methods:{
    success(keySeq) {
      console.log("link start ... %o",keySeq);
      this.$router.push("/index");
    },
  }
};
</script>
<style scoped>
@import "../assets/styles/miracle/miracle-btn.scss";
.pre-btn-group{
  position: absolute;
  z-index: 5;
  width: 100px;
  left: 48%;
  top: 248px;
  opacity: 0.1;
}
</style>


